<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/inc/taglib.inc" %>
<%@ include file="/WEB-INF/inc/script.inc" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<base href="${base}">
    <title>中金通 | 审批角色设置</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
	<link href="js/plugins/jquery-ui/jquery-ui.min.css" rel="stylesheet">
	<!-- Data Tables -->
    <link href="css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">
    <link href="css/plugins/dataTables/dataTables.responsive.css" rel="stylesheet">
    <link href="css/plugins/dataTables/dataTables.tableTools.min.css" rel="stylesheet">

    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

    <link href="css/plugins/datapicker/datepicker3.css" rel="stylesheet">
    <link href="css/plugins/jsTree/style.min.css" rel="stylesheet">
    <link href="css/investor/jNotify.css" rel="stylesheet">
     <style type="text/css">
		.modal{
		  z-index: 16 !important;
		}
		.modal-backdrop {
		  z-index: 15 !important;
		}
		.detailText
		{
		 padding:6px 12px; 
		}
	</style>
</head>
<body>
    <div id="wrapper">
    	<!-- 左侧菜单 -->
        <jsp:include page="/WEB-INF/jsp/common/main-menu.jsp"></jsp:include>

        <div id="page-wrapper" class="gray-bg">
        <div class="row border-bottom">
        <!-- 头部工具栏区 -->
        <jsp:include page="/WEB-INF/jsp/common/main-header.jsp"></jsp:include>
        </div>
            <div class="row wrapper border-bottom white-bg page-heading">
                <div class="col-lg-10">
                    <h2>系统管理</h2>
                    <ol class="breadcrumb">
                        <li>
                            <a href="common/platform">Home</a>
                        </li>
                        <li>
                            <a href="roles/list">审批角色设置</a>
                        </li>
                    </ol>
                </div>
                <div class="col-lg-2">

                </div>
            </div>
		
		<div class="row" style="margin-top:10px;">
			<div class="col-md-12">
                    <div class="tabs-container">
                        <ul class="nav nav-tabs">
                            <li class="active">
								<a href="roles/list">
									 角色列表
								</a>
							</li>
                        </ul>
                        <div class="tab-content">
                            <div class="tab-pane active">
                                <div class="panel-body">
                                    <div class="wrapper wrapper-content animated fadeInRight ecommerce">

            <div class="ibox-content m-b-sm"><!-- border-bottom -->
            </div>
			 <div class="ibox-content m-b-sm">
				<p class="col-sm-offset-5">
					<button type="button" class="btn btn-primary" id="add_group" data-toggle="modal" data-target="#myModal">新增投资部</button>
                </p>
            					</div>
							            <div class="row">
							                <div class="col-lg-12">
							                    <div class="ibox float-e-margins">
							                        <div class="ibox-content">
							                            <table id="modelEditable" class="table table-striped table-bordered table-hover">
							                                <thead>
							                                <tr>
							                                     <th>审批角色</th>
							                                     <th>人数</th>
																 <th>负责人</th>
							                                    <th style="background-color:white;">操作</th>
							                                </tr>
							                                </thead>
							                                <tbody>
							                                </tbody>
							                            </table>
							                        </div>
							                    </div>
							                </div>
							            </div>
        							</div>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
		</div>
		
		<button type="button" class="btn btn-w-m btn-primary" id="btn_allot_employee"   style="display:none;" data-toggle="modal" data-target="#dealEmpModal"></button>
		<div class="modal inmodal" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content animated fadeIn">
                        <div class="modal-header">
                            <h4 class="modal-title">新增投资部</h4>
                    	</div>
                    <div class="modal-body">
                    	<div class="form-group"><label>新增部门名</label> <input  type="text" id="group_name" placeholder="请输入投资部名称" class="form-control"></input>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-white" id="dsimiss_add_relation" data-dismiss="modal">取消</button>
                        <button type="button" id="btn_add_group" class="btn btn-primary">确定</button>
                    </div>
                </div>
            </div>
        </div>
		
		
		 <div class="modal mymodal inmodal" id="dealEmpModal" tabindex="-1" role="dialog" aria-hidden="true">
	                <div class="modal-dialog">
	                    <div class="modal-content animated fadeIn">
	                        <div class="modal-header">
	                        	<button type="button" class="close" data-dismiss="modal" id="deal_emp_miss"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span>
	                            </button>
	                            <h4 class="modal-title">添加终审审批人</h4>
	                    </div>
	                     <div class="modal-body">
	                    	<div class="form-group"><label>理财师</label>
	                    		<input id="tags" placeholder="请输入理财师姓名或工号" class="ui-autocomplete-input form-control"  autocomplete="off">
	                    		<input type="text" style="display:none;"  id="approveGroupId" > 
	                    	</div>
	                    	<label>理财师姓名:&nbsp;&nbsp;&nbsp;<span id="employeeName" ></span></label><br/>
	                    	<label>理财师工号:&nbsp;&nbsp;&nbsp;<span id="employeeNo" ></span></label>
	                    	<input style="display:none;" id="employeeId" value="" >
	                    </div>
	                    <div class="modal-footer">
	                        <button type="button" class="btn btn-white" id="dsimiss_deal_emp" data-dismiss="modal">取消</button>
	                        <button type="button" id="btn_add_emp_last" class="btn btn-primary">确定</button>
	                    </div>
	                </div>
	        </div></div>
        <!-- 底部版权 -->
        <jsp:include page="/WEB-INF/jsp/common/main-footer.jsp"></jsp:include>

        </div>
        </div>

    <!-- Mainly scripts -->
    <script src="js/jquery-2.1.1.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <script src="js/plugins/jeditable/jquery.jeditable.js"></script>
	<script src="js/jquery.serialize-object.min.js" type="text/javascript"></script>
    <!-- Custom and plugin javascript -->
    <script src="js/inspinia.js"></script>
    <script src="js/plugins/pace/pace.min.js"></script>
    <script src="js/plugins/jquery-ui/jquery-ui.min.js"></script>
	<script src="js/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>
	<script src="js/jquery.tmpl.min.js" type="text/javascript"></script>

    <!-- Data Tables -->
    <script src="js/plugins/dataTables/jquery.dataTables.min.js"></script>
    <script src="js/plugins/dataTables/dataTables.bootstrap.js"></script>
    <script src="js/plugins/dataTables/dataTables.responsive.js"></script>
<!--     <script src="js/plugins/dataTables/dataTables.tableTools.min.js"></script> -->
    
    <!-- 业务 -->
    <script src="js/plugins/jsTree/jstree.min.js"></script>
    <script src="js/setting/approveRoleList.js?v=${jsVersion}"></script>
    <script src="js/investor/utils.js?v=${jsVersion}"></script>
    <script src="js/investor/jNotify.js"></script>
    <!-- Page-Level Scripts -->
    <script>
        $(document).ready(function() {
			RolesModule.init();
        });

    </script>

</body>
</html>